<template>
    <div>
      <ChildComponent @custom-event="handleCustomEvent" />
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue';
  import ChildComponent from './ChildComponent.vue';
  
  const parentValue = ref('Initial Value');
setInterval(() => {
    console.log(parentValue.value,'parentValue');
}, 1000);
  function handleCustomEvent(newValue) {
    parentValue.value = newValue;
  }
  </script>
  